<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<div class="main-wrapper">
		<header><!-- 页头 -->
			<nav>
				<div class="logo"><a href="#">李文婷&nbsp;<i class="fa fa-id-card-o" aria-hidden="true"></i></a></div>
				<ul>			
					<li><a href="#" class="active"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;首页</a></li>
					<!-- <li><a href="#">链接2</a></li>
					<li><a href="#">链接3</a></li>
					<li><a href="#">链接4</a></li> -->
				</ul>
			</nav>
			<div id="banner">
			<div class="inner">
				<h1>李文婷</h1>
				<p class="sub-heading">nothing is difficlt,if you put your heart into it.</p>
				<button id="main-btn">了解我</button>
				<div class="more">
					更多
				</div>
				<span><i class="fa fa-hand-o-down icon" aria-hidden="true"></i></span>
			</div>			
			</div>
		</header>

		<div class="content"><!-- 内容 -->
			<section class="green-section">
				<div class="wrapper">
					<div>
						<h2>我是好孩子</h2>
						<div class="hr"></div>
						<p>爱吃的孩子都是好孩子，爱吃的孩子都是好孩子，爱吃的孩子都是好孩子</p>
					</div>
					<div class="icon-group">
						<span class="icon">
							<i class="fa fa-lemon-o fa-2x" aria-hidden="true"></i>
						</span>
						<span class="icon">
							<i class="fa fa-cutlery fa-2x" aria-hidden="true"></i>
						</span>
						<span class="icon">
							<i class="fa fa-apple fa-2x" aria-hidden="true"></i>
						</span>
					</div>
				</div>
			</section>
			<section class="gray-section">
				<div class="article-preview">
					<div class="img-section">
						<img src="img/019.jpg">
					</div>
					<div class="text-section">
						<h2>心悸</h2>
						<!-- 
						<div class="sub-heading">我是副标题</div> -->
						<p>光阴荏苒，循着自己的心迹缓缓前行，转眼又是一季桃李红白时，静观一场百花的盛放。我在江南的春天祈愿，四季里多一些温暖，少一些忧伤。每一程走过的岁月，那些美好的风景都没有错过，一点一滴镌刻在流年的画卷里。即使尘世里免不了寒凉，也足以温暖一颗疲倦的心，遥望远方世路漫漫，道一声：且行且珍惜。</p>
					</div>
				</div>
				<div class="article-preview">
					<div class="text-section">
						<h2>夜</h2>
						<!--
						<div class="sub-heading">我是副标题</div> -->
						<p>喜爱夜，喜爱它的静谧、深邃。每每沉浸其中，便有一种内在的从容和悠闲。捧心独对，对照自己走过的人生之旅。领悟着生活的辛酸，体悟着世间的冷暖，顿悟做人的喜悲，感知生的本味。此刻，驻入心弦的是一泓清澈的泉水，涌动着夜风的味道，缕缕清韵自指尖流淌，温润了似水年华。</p>
					</div>
					<div class="img-section">
						<img src="img/pic02.jpg">
					</div>
				</div>
				<div class="article-preview">
					<div class="img-section">
						<img src="img/pic03.jpg">
					</div>
					<div class="text-section">
						<h2>人间</h2>
						<!-- 
						<div class="sub-heading">我是副标题</div> -->
						<p>行于尘，静于心。饮一杯清水，听一曲心音。看一场桃花至荼蘼，从清淡到浓烈，仿若人生短暂几十年，从青春走到暮年的过程。日子波澜不惊，写满人间烟火的味道，这何尝不是一种幸福？行到水穷处，坐看云起时，过滤内心的纷杂，将清新纳入心扉，禅坐一剪闲云，不问来处，不管归途，与天地共沐清辉。</p>
					</div>
				</div>
			</section>
			<section class="purple-section">
				<div class="wrapper">
					<div class="heading-wrapper">
						<h2>那些片段</h2>
						<div class="hr"></div>
						<div class="sub-heading">
						人生总有些片段，让心性柔软，让春色嫉妒，不言、不语，默然欢喜。一颗淡泊的心，穿梭于尘世，不争、不扰，惟愿一世长安。清风拂过时，淡然一笑。
						</div>
					</div>
					<div class="card-group clearfix">
						<div class="card">
							
							<p>高中时有个舍友，非常耐不住寂寞。每晚宿舍熄灯以后就在床上和男的各种打电话，例如:“哎呀我不喜欢你买那些东西给我啦！”“周六要约我去XXX吃西餐啊？但是我已经约了XXX去看电影了，他约我好久了！”终于有一个晚上，她再三哀求电话那边不要再送她礼物的时候，我拨通了她的电话。是的，她的手机铃声响彻宿舍。我很淡定:“诶？打错了......不好意思。”然后挂断，死一样的寂静。自那以后，宿舍每晚都很安静。  @Yanghplxx</p>
						</div>
						<div class="card">
							<p>坐在咖啡馆角落，恰到好处的灯光，柔情的音乐。一个帅气男生朝我走来，我确定他是看向我的。一秒内，检查自己裙子是否完美地搭在腿上，腿有没有放好，有没有驼背，通过电脑屏幕观察自己脸是否OK。一切近乎完美，我以最自然，优雅的姿态等着对方。他来到桌前，我假装不经意间抬头，四目相对。“你这有人吗？” 声音好听，面带含蓄而不失怯懦的笑容。“没有。” 对方迅速拉开凳子:“能用下这个椅子嘛？”  @淮南 </p>
						</div>
						<div class="card">
							<p>小学的时候，好多人喜欢我们班班花，别的班没事就闯班，我和班花关系不错，班花叫我保护她。后来有俩人突然走进来，我不管三七二十一冲上去就说：“班花是我的，你别……”定睛一看，好家伙，是我爸和我表哥。  @岑可爱</p>
						</div>
						<div class="card">
							<p>一次下课回宿舍的路上，我们几个屌丝突然发现前方出现三个漂亮学妹，准备与她们擦身而过的时候，舍友双手插在裤兜正想以一种自以为很酷的方式走过去，人字拖被另一个舍友踩了一下，踢飞出去，刚刚好落在三个学妹的面前，然后我们只能假装不认识他咯。  @summer</p>
						</div>
						<div class="card">
							<p>升初中后我回小学装X，假装初中校园里到处是腥风血雨，还在一小学生面前把玩一把折叠刀，那可是我攒了一周吃方便面的钱，吓得小学生直发抖。下午他爸来了，那天下午，我花五块钱在胸口贴的蝎子纹身都被打掉色了。  @Mr.loney</p>
						</div>
						<div class="card">
							<p>我曾经有一次冒充老爸打电话给老师替我请假，其实老爸在老师在办公室呆了一下午，我打过去老师还严肃地给我演了场戏。我爸回家后差点把我打断腿。     @西瓜</p>
						</div>
					</div>
				</div>
			</section>
		</div>

		<footer><!-- 页脚 -->
			<ul class="share-group">
				<li><i class="fa fa-qq" aria-hidden="true"></i></li>
				<li><i class="fa fa-weixin" aria-hidden="true"></i> </li>
				<li><i class="fa fa-weibo" aria-hidden="true"></i></li>
				<li><i class="fa fa-twitter-square" aria-hidden="true"></i></li>
				<li><i class="fa fa-quora" aria-hidden="true"></i></li>
			</ul>
			<div class="copy">
			&copy 李文婷-2080
			</div>
		</footer>
	</div>
</body>
</html>


